/* Powered by www.96kaifa.com */
@charset "utf-8";
/* CSS Document */

/*卡路里计算器*/
.kll{width: 1100px;margin: 30px auto;border-top: 1px #e9e9e9 solid;}
.kll>.titles{height: 46px;line-height: 46px;padding-left: 26px;position: relative;border-bottom: 1px #e9e9e9 solid;margin-top: 20px;margin-bottom: 34px;}
.kll>.titles>h1{height: 45px;line-height: 45px;border-bottom: 2px #64c00e solid;position: absolute;left: 0;top: 0;font-size: 16px;color: #333;font-weight: bold}

.kll>.lefts{float: left;width: 686px;}
.kll>.rights{float: right;width: 344px;}

.lefts .navs{height: 36px;width: 684px;}
.lefts .navs li{width: 74px;height: 35px;line-height: 35px;float: left;margin-right: 4px;background-color: #fff;border: 1px #e9e9e9 solid;border-radius: 6px;border-bottom-left-radius: 0;border-bottom-right-radius: 0;border-bottom: 0;}
.lefts .navs li span{display: block;height: 33px;line-height: 33px;width: 72px;border: 1px #fff solid;border-radius: 6px;color: #333;background-color: #eaf5df;text-align: center;font-size: 14px;border-bottom-left-radius: 0;border-bottom-right-radius: 0;}

.lefts .navs li.active{border: 1px #539d0e solid;border-bottom: 0;}
.lefts .navs li.active span{border: 1px #64c00e solid;background-color: #64c00e;color: #fff}

.lefts .block{width: 684px;border: 1px #e9e9e9 solid;height: 600px; padding-top:20px;}

.lefts .block .tops{height: 56px;width: 100%;}
.lefts .block .tops .tl{padding-left: 22px;height: 56px;line-height: 56px;}
.lefts .block .tops .tl .tag{float: left;color: #333;font-size: 14px;}
.lefts .block .tops .tl .tag.active{font-weight: bold;}
.lefts .block .tops .tl span{float: left;margin: 0 8px;}
.lefts .block .tops .tr{float: right;height: 56px;}
.lefts .block .tops .tr input{width: 154px;height: 26px;line-height: 36px;padding-left: 10px;padding-right: 10px;border: 1px #e9e9e9 solid;margin-top: 15px;float: right;}
.lefts .block .tops .tr span{display: block;width: 36px;height: 26px;background-color: #64c00e;margin-top: 15px;float: right;margin-right: 24px;border-top-right-radius: 2px;border-bottom-right-radius: 2px;text-align: center;}
.lefts .block .tops .tr span i{background-image: url(/jsskin/images/kl_search.png);background-size: 14px 14px;width: 14px;height: 14px;display: inline-block;margin-top: 6px;}

.lists{width: 100%;height: 440px;}
.lists li{width: 308px;height: 66px;border: 1px #e9e9e9 solid;float: left;margin-left: 20px;margin-bottom: 20px;}
.lists li i{display: block;width: 48px;height: 48px;margin: 9px;overflow: hidden;float: left;}
.lists li i img{width: 48px;}
.lists li .mid{margin-top: 9px;margin-bottom: 9px;float: left;}
.lists li .mid .p1{font-size: 14px;color: #333;font-weight: bold;height: 24px;line-height: 24px;overflow: hidden;width: 200px;}
.lists li .mid .p2 span{float: left;}
.lists li .mid .p2 i{width: 10px;height: 7px;display: block;float: left;margin-left: 24px;background-image: url(/jsskin/images/kl_down.png);background-size: 10px 7px;}
.lists li .mid .p2{font-size: 14px;color: #333;height: 22px;line-height: 22px;}
.lists li .ri{width: 24px;height: 24px;background-image: url(/jsskin/images/kl_add.png);background-size: 24px 24px;float: right;margin-top: 21px;margin-right: 12px;}

.pages{height: 62px;width: 684px;text-align: center;padding-top: 20px;}
.pages .d1{width: 60px;height: 30px;border: 1px #e3e3e3 solid;text-align: center;display: inline-block;line-height: 30px;color: #333;font-size: 14px;margin-right: 6px;margin-left: 6px;vertical-align: middle;}
.pages .d2{width: 40px;height: 30px;border: 1px #e3e3e3 solid;text-align: center;display: inline-block;line-height: 30px;color: #333;font-size: 14px;margin-right: 5px;margin-left: 5px;background:#f3f3f3;vertical-align: middle;}
.pages .d2.left span{display: block;width: 8px;height: 14px;background-image: url(/jsskin/images/page_arrowl.png);background-size: 8px 14px;margin-left: 16px;margin-top: 8px;}
.pages .d2.left.noclick span{background-image: url(/jsskin/images/page_arrowl3.png);background-size: 8px 14px;}
.pages .d2.right span{display: block;width: 8px;height: 14px;background-image: url(/jsskin/images/page_arrowr.png);background-size: 8px 14px;margin-left: 16px;margin-top: 8px;}
.pages .d2.right.noclick span{background-image: url(/jsskin/images/page_arrowr3.png);background-size: 8px 14px;}
.pages .d3{height: 30px;border: 1px #e3e3e3 solid;text-align: center;display: inline-block;line-height: 30px;color: #333;font-size: 14px;margin-right: 5px;margin-left: 5px;background:#fff;vertical-align: middle; padding:0 8px;}
.pages .d3.on{background: #64c00e;color: #fff;}
.pages .d4{display: inline-block;}

.rights .navs{height: 36px;width: 344px;margin-right: -4px;}
.rights .navs li{width: 167px;height: 35px;line-height: 35px;float: left;margin-right: 4px;background-color: #fff;border: 1px #e9e9e9 solid;border-radius: 6px;border-bottom-left-radius: 0;border-bottom-right-radius: 0;border-bottom: 0;}
.rights .navs li.nor{margin-right: 0;}
.rights .navs li span{display: block;height: 33px;line-height: 33px;width: 165px;border: 1px #fff solid;border-radius: 6px;color: #333;background-color: #eaf5df;text-align: center;font-size: 14px;border-bottom-left-radius: 0;border-bottom-right-radius: 0;}

.rights .navs li.active{border: 1px #539d0e solid;border-bottom: 0;}
.rights .navs li.active span{border: 1px #64c00e solid;background-color: #64c00e;color: #fff}
.rights .block{height: 500px;width: 340px;border: 1px #e3e3e3 solid;margin-bottom: 14px;display: none;}
.rights .block.active{display: block;}
.rights .block .jj{width: 318px;margin: 12px auto;}
.rights .block .jj .sm{width: 316px;height: 30px;background: #fff;border: 1px #e3e3e3 solid;margin-bottom: 4px;}
.rights .block .jj .sm.active{margin-bottom: 0;border-bottom: 0;}
.rights .block .jj .sm .inner{height: 28px;line-height: 28px;width: 314px;border: 1px #fff solid;background: #f5f5f5;}
.rights .block .jj .sm .inner .tit{margin: 0px 14px;float: left;font-size: 14px; color: #333;font-weight: bold;}
.rights .block .jj .sm .inner .eng{float: left;font-size: 14px; color: #333;margin-left: 4px;}
.rights .block .jj .sm .inner .jia{float: right;font-size: 14px; color: #333;margin-right: 10px;width: 11px;height: 11px;background-image: url(/jsskin/images/kl_jia.png);background-size: 11px 11px;margin-top: 8px;}
.rights .block .jj .sm.active .inner .jia{display: none;}
.rights .block .jj .bi{height: 234px;width: 316px;background: #fff;border: 1px #e3e3e3 solid;margin-bottom: 4px;padding-top: 10px;display: none;overflow: hidden;}
.rights .block .jj .bi.biex{height: 464px;}
.rights .block .jj .bi.active{display: block;}
.rights .block .jj .bi .bb{height: 30px;width: 304px;}
.bb .d1{float: left;height: 30px;line-height: 30px;color: #333;font-size: 14px;font-weight: bold;margin-left: 12px;width: 60px;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.bb .d2{float: left;height: 30px;line-height: 30px;color: #333;font-size: 14px;margin-left: 36px;width: 66px;}
.bb .d2 i{float: right;width: 10px;height: 7px;display: block;background-image: url(/jsskin/images/kl_down.png);background-size: 10px 7px;margin-top: 12px;}
.bb .d3{float: left;height: 30px;line-height: 30px;color: #333;font-size: 14px;margin-left: 30px;}
.bb .d4{float: right;width: 14px;height: 14px;background-image: url(/jsskin/images/kl_gb.png);background-size: 14px 14px;margin-top: 7px;}

.rights .bot{width: 340px;height: 84px;border: 1px #e3e3e3 solid; }
.rights .bot .d1{width: 316px;margin: 0 auto;height: 42px;border-bottom: 1px #e3e3e3 dashed;line-height: 42px;}
.rights .bot .d1 span{color: #2f8903;font-weight: bold;}
.rights .bot .d2{width: 316px;margin: 0 auto;height: 42px;line-height: 42px;}
.rights .bot .d2 .baocun{width: 60px;height: 26px;border-radius: 2px;background: #64c00e;text-align: center;line-height: 26px;color: #fff;color: #fff;font-size: 12px;margin-top: 8px;float: left;}
.rights .bot .d2 .rt{float: right;}
.rights .bot .d2 .rt strong{font-weight: normal;margin: 0 4px;}
.rights .bot .d2 .rt .ss{color: #64c00e;}

.klfd1{width: 236px;height: 178px;border: 1px #64c00e solid;position: fixed;left: 50px;top: 100px;background: #f6fbf1;z-index: 999999;display: none;}
.klfd1 .tit{height: 36px;width: 206px;margin-top: 12px;font-size: 14px;color: #333;font-weight: bold;border-bottom: 1px #e3e3e3 solid;margin-left: auto;margin-right: auto;line-height: 36px;}
.klfd1 .bs{height: 36px;width: 206px;margin:5px auto 5px;line-height: 36px;color: #666;}
.klfd1 .bs input{height: 22px;line-height: 22px;border: 1px #e3e3e3 solid;width: 156px;}
.klfd1 .bs select{height: 22px;line-height: 22px;border: 1px #e3e3e3 solid;width: 156px;}
.bts{text-align: center;}
.bts .tj{height: 26px;width: 60px;margin-right: 12px;display: inline;display: inline-block;background: #64c00e;color: #fff;border-radius: 4px;line-height: 26px;}
.bts .qs{height: 26px;width: 60px;margin-right: 12px;display: inline;display: inline-block;background: #cccccc;color: #333;border-radius: 4px;line-height: 26px;}

.klfd2{width: 236px;height: 138px;border: 1px #64c00e solid;position: fixed;left: 50px;top: 300px;background: #f6fbf1;z-index: 999999;padding-top: 10px;display: none;}
.klfd2 .bs{height: 36px;width: 206px;margin:5px auto 5px;line-height: 36px;color: #666;}
.klfd2 .bs input{height: 22px;line-height: 22px;border: 1px #e3e3e3 solid;width: 76px;}
.klfd2 .bs .jia{width: 20px;height: 20px;display: inline-block;float: right;background-image: url(/jsskin/images/kl_add.png);background-size: 20px 20px;margin-top: 8px;margin-right: 10px;}
.klfd2 .bs .jian{width: 20px;height: 20px;display: inline-block;float: right;background-image: url(/jsskin/images/kl_jian.png);background-size: 20px 20px;margin-top: 8px;margin-right: 10px;}
.klfd2 .bs select{height: 22px;line-height: 22px;border: 1px #e3e3e3 solid;width: 160px;}